<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style>
		*{
			margin: 0;
		}
		.fl{
			float: left;
		}
		.counter{
			position: relative;
			height: 220px;
			width: 375px;
			border: 1px solid black;
			background-color:#ff6783;
			
		}
		/* .line{
			border: 1px solid yellow;
		} */
		h3{
			margin-top: 19px;
			margin-left: 20px;
			margin-bottom: 0;
			color: #F0F8FF;
		}
		h5{
			margin-left: 21px;
			margin-top: 7px;
			margin-bottom: 45px;
			color: #F0F8FF;
		}
		#box{
			position: absolute;
			top:105px;
			left:22px;
			width: 350px;
			height: 107px;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		p{
			background-color: aliceblue;
			margin-right: 15px;
			margin-top: 7px;
			margin-bottom: 7px;
			/* margin-left:15px; */
			display:inline-block;
			text-align: center;
			float: left;
		}
		a{
			text-decoration: none;
			color: #FF6783;
		}
	</style>
	<body>
		<div class=" counter fl">
			<h3>太原婚纱照精选商家</h3>
			<h5>Feature businesses</h5>
			</hr>
			<div id="box">
				 <p><a href="">太原金夫人</a></p>
			     <p><a href="">幸福v摄影</a></p>
			     <p><a href="">罗亚摄影</a></p>
			     <p><a href="">爱萌18号</a></p>
			     <p><a href="">栖溪创意水下摄影</a></p>
			     <p><a href="">布拉格</a></p>
			     <p><a href="">凯瑟琳摄影</a></p>
			     <p><a href="">佳丽新娘婚纱</a></p>
			     <p><a href="">爱尚婚纱摄影</a></p>
			     <p><a href="">卡罗摄影</a></p>
			</div>
		</div>
	</body>
</html>
